@font-face {
    font-family: 'Regular';
    src: url('../font/Regular.woff') format('woff');
url('../font/Regular.ttf') format('truetype');
url('../font/Regular.svg') format('svg');
}
body{background-image: url(../image/beij.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
}

#bj{background-color:rgba(255,255,255,0.21);
    width: 100%;
    height: 100%;
}
#n1{padding: .42rem .3rem 0}
#n1>img{width: .62rem;
    height: .62rem;
}
#n1>span{font-size: .4rem;
    color: white;
    font-family: 'Regular';
}
#n2{margin-top: .36rem;
    padding: 0 .1rem;
}
#n2>div{font-size: .22rem;
    color: white;
    text-align: center;
    font-family: 'Regular';
}
#n2>.shuzi{font-size: .36rem;
    color: white;
    margin-top: .67rem;
    text-align: center;
    font-family: 'Regular';
}
#n3{height: .42rem;
    margin-top: .56rem;
    background-color:rgba(255,255,255,.08);
}
#n3>div{width: .75rem;
    height: .08rem;
    border-radius: .08rem;
    background-color:rgba(255,255,255,.3);
}
.lb{
    padding-left: .36rem;

}
.lb>div{border-bottom: 3px solid rgba(255,255,255,.11);
    height: 1rem;
    position: relative;
    padding-right: .36rem;
}
.lb>div:hover>div{display: block}
.lb>div>div{width: .12rem;
    height: .12rem;
    border-radius: .12rem;
    background-color: #30ffbe;
    display: none;
    position: absolute;
    left: .94rem;
}
.lb>div>span:nth-child(1){font-size: .28rem ;
    color: white;
    position: relative;
    left:0 ;
    font-family: 'Regular';
}
.lb>div>p{font-size: .28rem ;
    color: white;
    position: absolute;
    left: 1.3rem;
    font-family: 'Regular';
}
#week{border: none}
#n4>img{position: fixed;
    bottom: 0;
    width: 100%;
}











